
<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title>How To Play</title>
				<link type="text/css" href="css/how_to_play.css" rel="stylesheet">
        </head>
        <body>
               <div id='container'>
					<header>
						<div class='logo'>
							<h1 class='eightbit'>The Demise of Balor</h1>
							<h3 class='eightbit'>All evil shall perish</h3>
						</div>
					</header>
					
					<div id='content'>
						<div class='menu_holder'>
							<ul class='menu eightbit'>
								<li><a href='home.html'>home</a></li>
								<li><a href='play.html'>play</a></li>
								<li><a class='active' href='how_to_play.html'>how to play</a></li>
								<li><a href='highscores.html'>high scores</a></li>
								<li><a href='login.html'>profile</a></li>
							</ul>
						</div>
						
						<div class='articles'>
							<div id='play'>
								<div class='wide column'>
								<h3 class='eightbit'>1.How to play</h3><hr/>
								<div class='textholder'>
								<p>
									This is your typycal 2d rpg, so the goal isn't hard to get - KILL EVERYTHING IN SIGHT or die trying. There is an item system and by killing mobs you get score points and in the end you can see on which place you finished the game. Good luck in your quest to defeat the terrible Balor.
								</p>
								</div>

								<h3 class='eightbit'>2.Classes</h3><hr/>
								<div class='textholder'>
								<p>
									There are 3 classes - the warrior, the hunter and the mage. 
									<p class='classDescription'>-The Warrior is a traditional meat tank, that relies mainly on melee attacks and stying in the frey. He has stronk melee attacks and health but low mana pool.</p>
									<p class='classDescription'>-The Hunter is something between the warrior and the mage, relies on ranged and melee attacks. He has a medium health and medium overall damage.</p>
									<p class='classdescription'>-The Mage is the squishy powerhouse, he relies on magic attack and staying away from the enemy. He has a strong ranged damage but very little health.			
								</p>
								</div>	

								<h3 class='eightbit'>3.Controls</h3><hr/>
								<div class='textholder'>					
									<div class='column left'>
										<p>
											&#8678 - move left
										</p><br>
										<p>
											&#8679 - move up
										</p><br>
										<p>
											A - melee attack
										</p><br>
									</div>									
										<p>
											&#8680 - move right
										</p><br>	
										<p>
											&#8681 - move down
										</p><br>									
										<p>
											S - ranged attack
										</p><br>						
								</div>

							</div>							
						</div>						
						
					</div>
					
					<footer>
						<div  class='links'>
							<a href='http://en.wikipedia.org/wiki/Role-playing_video_game'>Resourse 1</a> | 
							<a href='http://opengameart.org/content/lpc-medieval-fantasy-character-sprites'>Resourse 2</a> | 
							<a href='http://www.lostgarden.com/2006/07/more-free-game-graphics.html'>Resourse 3</a> 		
						</div>
					</footer>
			   </div>
        </body>
</html>
